</div><!-- content-wrapper -->

<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
  <!-- Control sidebar content goes here -->
  <div class="p-3">
    <h5>Default player</h5>

<div class="form-check">
  <label class="form-check-label">
  <input class="form-check-input" type="radio" name="defaultPlayer"  value="hls">
    HLS
  </label>
</div>
<div class="form-check">
  <label class="form-check-label">
  <input class="form-check-input" type="radio" name="defaultPlayer" checked value="mse">
    MSE
  </label>
</div>
<div class="form-check">
  <label class="form-check-label">
  <input class="form-check-input" type="radio" name="defaultPlayer" value="webrtc">
    WebRTC
  </label>
</div>

  </div>
</aside>
<!-- /.control-sidebar -->

<!-- Main Footer -->
<footer class="main-footer">
  <!-- To the right -->
  <div class="float-right d-none d-sm-inline">
    <b>Version: </b> {{ .version }}
  </div>
  <!-- Default to the left -->
  <strong>Hungry Night Team.</strong> <a href="https://github.com/deepch/RTSPtoWeb">Follow us on GitHub</a>
</footer>
</div>
<!-- ./wrapper -->
<script>
let streams = {{ .streams }};
</script>
<script src="/../plugins/jquery/jquery.min.js"></script>
<script src="/../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/../js/adminlte.min.js"></script>
<script src="/../plugins/sweetalert2/sweetalert2.min.js"></script>
<script src="/../js/index.js"></script>
</body>
</html>